<div class="column-list" *ngIf="!columnEmpty;else columnEmptyTem">
  <div class="left">
    <nz-tabset [nzTabPosition]="tabPosition">
      <nz-tab (nzClick)="switchColumn(item)" [nzTitle]="item.name" *ngFor="let item of columnList">
      </nz-tab>
    </nz-tabset>
  </div>

  <div class="main">
    <nz-list nzItemLayout="vertical">
      <nz-list-item *ngFor="let item of articleList">
        <nz-list-item-meta>
          <!-- <nz-list-item-meta-avatar [nzSrc]="item.avatar"></nz-list-item-meta-avatar> -->
          <nz-list-item-meta-title>
            <a (click)="goDetail(item)">{{ item?.title }}</a>
          </nz-list-item-meta-title>
          
          <nz-list-item-meta-description>
            <!-- {{ item?.subtitle?.substring(0, 50) + '...' }} -->
            {{ item?.subtitle }}
          </nz-list-item-meta-description>
        </nz-list-item-meta>
        <!-- {{ item.content }} -->
        <ul nz-list-item-actions>
          <nz-list-item-action >
            <span nz-icon nzType="eye" style="margin-right: 8px;"></span>
            <a (click)="goDetail(item)">查看详情</a>
          </nz-list-item-action>

          <!-- <nz-list-item-action>
            <span nz-icon nzType="edit" style="margin-right: 8px;"></span>
            点击数量
          </nz-list-item-action> -->
        </ul>
        <nz-list-item-extra>
          <img width="120" alt="logo" [src]="notice_default_cover" />
        </nz-list-item-extra>
      </nz-list-item>
    </nz-list>
  </div>
</div>

<ng-template #columnEmptyTem>
  <nz-empty></nz-empty>
</ng-template>